<script setup lang="ts">
  import RlButton from '@/components/Button/Button.vue'
  defineOptions({
    name:'ButtonView'
  })
</script>
<template>
  <!-- 基础按钮 -->
  <div>
    <RlButton type="primary" disabled>主要按钮</RlButton>
    <RlButton type="success" disabled>成功按钮</RlButton>
    <RlButton type="info" disabled>信息按钮</RlButton>
    <RlButton type="danger" disabled>危险按钮</RlButton>
    <RlButton type="warning" disabled>警告按钮</RlButton>
  </div>
  <!-- 圆角按钮 -->
  <div>
    <RlButton type="primary" round disabled>主要按钮</RlButton>
    <RlButton type="success" round disabled>成功按钮</RlButton>
    <RlButton type="info" round disabled>信息按钮</RlButton>
    <RlButton type="danger" round disabled>危险按钮</RlButton>
    <RlButton type="warning" round disabled>警告按钮</RlButton>
  </div>
</template>

<style scoped>
  div{
    margin-bottom: 10px;
  }
</style>